		<?php echo $this->pagination->create_links(); ?>
		</div>
        </div><!-- /.row -->

      </div><!-- /#page-wrapper -->

    </div><!-- /#wrapper -->

    <!-- Bootstrap core JavaScript -->
    <script src="<?php echo base_url(); ?>lib/backend/js/jquery.js"></script>
    <script src="<?php echo base_url(); ?>lib/backend/js/bootstrap.js"></script>
    <script src="<?php echo base_url(); ?>lib/backend/js/bootstrap-datepicker.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
	<script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script>
	<script type="text/javascript">	
		$(document).ready(function(){
			$('#datepicker1').datepicker({
				format: "dd-mm-yyyy"
			});
			$('#datepicker2').datepicker({
				format: "dd-mm-yyyy"
			});
			$('#datepicker3').datepicker({
				format: "dd-mm-yyyy"
			});
			$('#datepicker4').datepicker({
				format: "dd-mm-yyyy"
			});
			$('#datepicker5').datepicker({
				format: "dd-mm-yyyy"
			});
			$('#datepicker6').datepicker({
				format: "dd-mm-yyyy"
			});
			
			Morris.Area({
				element: 'morris-chart-area',
				data: [
					<?php if (@$chartoutlet):?>
					<?php foreach ($chartoutlet as $row):?>
					<?php echo "{ outlet: '".$row['nama_outlet']."', jml: '".$row['peserta']."' },";?>
					<?php endforeach?>
					<?php endif?>
				],
				xkey: 'outlet',
				ykeys: ['jml'],
				labels: ['Jml Peserta'],
				smooth: false,
			});
		});
	</script>
  </body>
</html>